<template>
    <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="商品展示" name="second"><two/></el-tab-pane>
    <el-tab-pane label="品牌分类" name="third"><three/></el-tab-pane>
    <el-tab-pane label="购物车" name="fourth"><Cartform/></el-tab-pane>
    <el-tab-pane label="免税店发展历程" name="five"><five/></el-tab-pane>
    <el-tab-pane label="我的订单" name="one"><one/></el-tab-pane>
  </el-tabs>
</template>

<script>
import two from "../components/two.vue"
import five from "../components/five.vue"
import Cartform from "../views/Cartform"
import three from "../components/three"
import one from "../components/one"

export default{
data(){
    return{
        activeName: 'second',
      }
    },
methods:{
      handleClick(tab, event) {
        console.log(tab, event);
      }
    },
components:{
    two,
    five,
    Cartform,
    three,
    one
  },
    
}
</script>

<style>

</style>